<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>登录界面</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<link  href="css/bootstrap.css" rel="stylesheet">
<link  type="text/css" rel="stylesheet" href="iconfont/style.css"> 
<script  src="js/jquery.js" type="text/javascript"></script>
<style>
	body{color:#fff; font-family:"微软雅黑"; font-size:14px;}
	.wrap1{position:absolute; top:0; right:0; bottom:0; left:0; margin:auto }/*把整个屏幕真正撑开--而且能自己实现居中*/
	.main_content{background:url(images/main_bg.png) repeat; margin-left:auto; margin-right:auto; text-align:left; float:none; border-radius:8px;}
	.form-group{position:relative;}
	.login_btn{display:block; background:#3872f6; color:#fff; font-size:15px; width:100%; line-height:50px; border-radius:3px; border:none; }
	.login_input{width:100%; border:1px solid #3872f6; border-radius:3px; line-height:40px; padding:2px 5px 2px 30px; background:none;}
	.icon_font{position:absolute; bottom:15px; left:10px; font-size:18px; color:#3872f6;}
	.font16{font-size:16px;}
	.mg-t20{margin-top:20px;}
	@media (min-width:200px){.pd-xs-20{padding:20px;}}
	@media (min-width:768px){.pd-sm-50{padding:50px;}}
	#grad {
	  background: -webkit-linear-gradient(#4990c1, #52a3d2, #6186a3); /* Safari 5.1 - 6.0 */
	  background: -o-linear-gradient(#4990c1, #52a3d2, #6186a3); /* Opera 11.1 - 12.0 */
	  background: -moz-linear-gradient(#4990c1, #52a3d2, #6186a3); /* Firefox 3.6 - 15 */
	  background: linear-gradient(#4990c1, #52a3d2, #6186a3); /* 标准的语法 */
	}
</style>

<script type="text/javascript">

function login(){

	var userName = $("#userName").val();
	var passWord = $("#Password").val();
	
	$.ajax({
		type:"post",
		url:"login.do",
		data:{
			"userName":userName,
			"password":passWord
		},
		dataType:"text",
		success:function(result){
			if(result=="0"){
				alert("账号不存在");
			}else if(result == "1"){
				window.location.href = "<%=basePath%>view/Main.jsp";
			}else{
				alert("密码错误");
			}
			
			},
		error:function(){
			alert("请求失败");
			}
	})	
}


function viplogin(){

	var userName = $("#userName").val();
	var passWord = $("#Password").val();
	
	$.ajax({
		type:"post",
		url:"viplogin.do",
		data:{
			"userName":userName,
			"password":passWord
		},
		dataType:"text",
		success:function(result){
			if(result=="0"){
				alert("账号不存在");
			}else if(result == "1"){
				window.location.href = "<%=basePath%>vipmain.jsp";
			}else{
				alert("密码错误");
			}
			
			},
		error:function(){
			alert("请求失败");
			}
	})	
}


</script>

</head>

<body style="background:url(images/bg.jpg) no-repeat;">
    
    <div class="container wrap1" style="height:450px;">
            <h2 class="mg-b20 text-center">酒店管理系统</h2>
            <div class="col-sm-8 col-md-5 center-auto pd-sm-50 pd-xs-20 main_content">
                <p class="text-center font16">用户登录</p>
                
                    <div class="form-group mg-t20">
                        <i class="icon-user icon_font"></i>
                        <input class="login_input" id="userName" placeholder="请输入用户名" />
                    </div>
                    <div class="form-group mg-t20">
                        <i class="icon-lock icon_font"></i>
                        <input type="password" class="login_input" id="Password" placeholder="请输入密码" />
                    </div>
                    <div class="checkbox mg-b25">
                        <label>
                            <input type="checkbox" />记住我的登录信息
                        </label>
                    </div>
                    <div align="center">
                    <button type="button" onclick="login()" class="btn btn-success">员工登录</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                     <button type="button" onclick="viplogin()" class="btn btn-success">会员登录</button>
                      
                    </div>
                   
           
        </div><!--row end-->
    </div><!--container end-->
<div style="text-align:center;">
<p>更多模板：<a href="http://www.mycodes.net/" target="_blank">源码之家</a></p>
</div>      
</body>
</html>
